﻿<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>时间线第一个版本</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link rel="stylesheet" href="css/timeline.css" />
	</head>
	<body>
		<div class="timeline">
			<ul>
				<li>
					<div class="ver">
						<div class="version">4.0.0</div>
						<div class="time">2016-04-01</div>
					</div>
					<div class="number">4</div>
					<div class="log">
						<pre>+新增功能
    -这是测试内容随便写点什么吧。
    -这也是测试内容，再随便写点什么东东吧。
    -这是什么鬼，怎么能老写一样的呢？
+更新说明
    -XX系统更新了xx。
    -优化了xx。
    -修复了XX。
						</pre>
					</div>
					<div class="c"></div>
				</li>
				<li>
					<div class="ver">
						<div class="version">3.0.0</div>
						<div class="time">2016-03-01</div>
					</div>
					<div class="number">3</div>
					<div class="log">
						<pre>+新增功能
    -这是测试内容随便写点什么吧。
    -这也是测试内容，再随便写点什么东东吧。
    -这是什么鬼，怎么能老写一样的呢？
+更新说明
    -XX系统更新了xx。
    -优化了xx。
    -修复了XX。
						</pre>
					</div>
					<div class="c"></div>
				</li>
				<li>
					<div class="ver">
						<div class="version">2.0.0</div>
						<div class="time">2016-02-01</div>
					</div>
					<div class="number">2</div>
					<div class="log">
						<pre>+新增功能
    -这是测试内容随便写点什么吧。
    -这也是测试内容，再随便写点什么东东吧。
    -这是什么鬼，怎么能老写一样的呢？
+更新说明
    -XX系统更新了xx。
    -优化了xx。
    -修复了XX。
						</pre>
					</div>
					<div class="c"></div>
				</li>
				<li>
					<div class="ver">
						<div class="version">1.0.0</div>
						<div class="time">2016-01-01</div>
					</div>
					<div class="number">1</div>
					<div class="log">
						<pre>+新增功能
    -这是测试内容随便写点什么吧。
    -这也是测试内容，再随便写点什么东东吧。
    -这是什么鬼，怎么能老写一样的呢？
+更新说明
    -XX系统更新了xx。
    -优化了xx。
    -修复了XX。
						</pre>
					</div>
					<div class="c"></div>
				</li>
			</ul>
		</div>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript">
			$(function(){
				$(".number").click(function(){
					$(this).parent().find(".version,.time,.log").toggle(500);
				})
			})
		</script>
	</body>
</html>